﻿@property_width: 160px;
@panel_width: 650px;
@footer_height: 40px;

.rounded_corners(@radius: 4px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

.shadow(@offset: 2px) {
  -moz-box-shadow: @offset @offset @offset #ccc;
  -webkit-box-shadow: @offset @offset @offset #ccc;
  box-shadow: @offset @offset @offset #ccc;
}

#tasksDetails
{
	padding-bottom:@footer_height + 5;
	position:relative;
}

.ui-tabs .ui-tabs-nav, .ui-tabs {
	padding: 0!important;
}

.formTable
{
	td
	{
		vertical-align:top;
		padding:2px 5px;
	}

	ul.token-input-list-facebook
	{
		max-height:100px;
        width:160px;
		overflow-y: auto;
        .rounded_corners;
	}
}

.TasksIndex
{
	.Container
	{
		clear:both;
	}
	.Filters
	{
		height: 50px;
		padding: 20px 20px 0px;
		background-color:#CADCE7;
		position:relative;
		z-index:5;

		.CreateNewLink
		{
			float:right;
		}

		#tbFilter
		{
			vertical-align:top;
		}
	}
	
	.Property {
	  width: @property_width;
	  margin: 5px 0;
	  margin-right: 20px;
	}

	td.Property
	{
		width:auto;
	}

	.Label
	{
		color:#999999;
		font-size:11px;
		padding-bottom: 3px;
	}

	.Duration input.Numeric      {width:25px}
	.Duration select  {width:40px}

    

	input[type="text"], input[type="password"]
	{
		width:@property_width - 12;
	}

	select
	{
		width:@property_width - 72
	}

	font-size:12px!important;
	.Row
	{
		clear:both;
		padding:0px 100px
	}
	

	.Property.Status
	{
		float:right;
		margin-top:20px;
	}

	.TaskIcon
	{
		float:left;
		margin-right:15px;
	}
	.Background1
	{
		height: 16px;
		display: inline-block;
		padding: 5px 4px;
	}

	.ButtonRow
	{
		margin-bottom:70px;
		padding:15px;
		margin-top: 15px;
		float:right;
		.Link
		{
			margin-right:20px
		}
	}

	.CustomContainer
	{
		margin-top: 10px;
		border: solid 1px #CADCE7;
		padding: 3px 10px;
		.rounded_corners;
		.Label
		{
			border:none;
			padding:0;
			cursor:pointer;
		}

		.Property
		{
			.Duration input.Numeric      {width:25px}
			.Duration select  {width:30px}
			float:left;
			width:@property_width - 10px;
			input[type="text"], input[type="password"]
			{
				width:@property_width - 22;
			}

			select
			{
				width:@property_width - 82
			}
		}

		.Row
		{
			padding:0px;
		}

        input.Numeric.Duration       {width:25px}
	    select.Duration             {width:35px}
	}

	a.PSelect
	{
		font-size:12px
	}
	.ui-button-text
	{
		font-size:12px!important
	}

	

	#Description
	{
		width:97%
	}

	textarea
	{
		height:42px
	}
	.token-input-list-facebook input
	{
		background:none!important
	}

	.DataTable tr
	{
		cursor:pointer
	}

    .Header th
    {
		span
		{
			float:left;
		}
        cursor:pointer;
        .Isort, .sort
        {
            float:right;
            margin:5px 6px 0 0
        }
        &.sorted
        {
            .Isort
            {
                display:none;
            }
        }
    }

	.Property.Name
	{
		float:left;
		span, .FormInput
		{
			font-weight:bold;
			font-size:14px;
			margin-top:15px;
		}
	}

	table
	{
		[col="0"], [col="1"]
		{
			width:20px
		}
		[col="2"]
		{
		
		}
		[col="3"]
		{
			width:220px
		}
		[col="4"]
		{
			width:100px
		}
		[col="5"]
		{
			width:130px
		}

		&.Header
		{
			width:100%
		}
		&.DataTable
		{
			width:100%
		}
	}
}

.HeaderContainer
	{
		background:#CADCE7;
		padding-bottom: 10px;
		width:100%;
		position:relative;
		z-index:1;
		.TaskHeader
		{
			width:@panel_width + 100;
			margin:0 auto;
			&:after
            {
                content: "."; 
                display: block; 
                height: 0; 
                font-size:0;	
                clear: both; 
                visibility:hidden;
            }
		}

		#parentName
		{
			width:480px;
		}
	}


.tabHeaderContainer
{
	width:100%;
	background:#CADCE7!important;
}

#task_tabs
{
	background:transparent!important;
	border:none!important;
	clear:both;

	.ui-tabs-panel
	{
		width:@panel_width + 100;
		overflow:hidden;
		padding: 0;
		padding-top:15px;
		margin:0 auto;
		height: 240px;
		overflow-y: auto;
		position:relative;
	}


	.ui-widget-header
	{
		background:#CADCE7!important;
		border:none!important;
		width:@panel_width;
		margin:0 auto;
	}

	.TasksIndex .ui-tabs .ui-tabs-nav li
	{
		background:#B4C6D1
	}

	.TasksIndex .ui-tabs .ui-tabs-nav li.ui-state-active
	{
		background:white
	}
}

.Footer 
{
	position:absolute; 
	bottom:0; 
	right:0; 
	left:0; 
	height:@footer_height;
	.FooterWrap
	{
		width:@panel_width + 100;
		margin:0 auto;
		.fl
		{
			float:left; 
			padding-top:10px;
		}
		.fr
		{
			float:right; 
			padding-top:10px;
		}
	}

	#btnCancel
	{
		margin-right:10px;
	}
}




